<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale1,maximum-scale=1">
    <title>商品移库</title>
    <link rel="shortcut icon" th:href="@{/pages/logo-1.ico}" href="../static/pages/logo-1.ico"/>
    <link rel="stylesheet" href="../static/layui/css/layui.css" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" href="../static/layui/css/log.css" th:href="@{/layui/css/log.css}">
    <link rel="stylesheet" href="../static/lyear/css/style.min.css" th:href="@{/lyear/css/style.min.css}">
    <link rel="stylesheet" href="../static/lyear/css/bootstrap.min.css" th:href="@{/lyear/css/bootstrap.min.css}">
    <link rel="stylesheet" href="../static/lyear/css/materialdesignicons.min.css" th:href="@{/lyear/css/materialdesignicons.min.css}">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!--头部信息-->
    <div th:replace="common/topbar::#topbarheader"></div>
    <!--左侧导航-->
    <div th:replace="common/leftbar::#leftbaraside"></div>
    <div class="layui-body " style="background-color: rgba(233,234,234,0.85)">

        <!-- 内容主体区域 -->
        <i class=""></i> <a href="index.html" th:href="@{/login/index}" class="layui-icon layui-icon-home">首页</a>
        <span class="layui-icon">&gt;</span>
        <span class="">库存管理</span>
        <span class="">&gt;</span>
        <span class="">商品移库</span>


        <!-- 文档列表 -->

        <div class="container-fluid" >

            <div class="row" >
                <div class="col-lg-12">
                    <div class="card"style="background-color: rgba(247,248,250,0.58)">
                        <div class="card-toolbar clearfix">
                            <div class="input-group">
                                <div class="input-group-btn">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <form action="/sk/spykOne">
                                    <label class="layui-form-label"></label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="kcId" id="kcId" lay-verify="required" placeholder="请输入库存ID" autocomplete="off" class="layui-input">
                                    </div>
                                    <div class="layui-input-inline">
                                        <input type="text" name="area" id="area" lay-verify="required" placeholder="请输入移库仓库名" autocomplete="off" class="layui-input">
                                    </div>
                                    <!--                                    <button type="button" class="layui-btn">确认</button>-->
                                    <input name="" id="" class="layui-btn" type="submit" value="确认">
                                </form>
                            </div>
                        </div>
                        <div class="card-body">

                            <div class="table-responsive">
                                <table class="table table-bordered">
                                    <thead>
                                    <tr>
                                        <th>
                                            <label class="lyear-checkbox checkbox-primary">
                                                <input type="checkbox" id="check-all"><span></span>
                                            </label>
                                        </th>
                                        <th >库存ID</th>
                                        <th>商品ID</th>
                                        <th>商品库存数量</th>
                                        <th>存放地方</th>
                                    </tr>
                                    </thead>
                                    <tbody id="num">
                                        <tr th:each="pagespyk:${pagespyk}">
                                        <td>
                                            <label class="lyear-checkbox checkbox-primary">
                                                <input type="checkbox" name="ids[]" value="1"><span></span>
                                            </label>
                                        </td>
                                        <td th:text="${pagespyk.id}"></td>
                                        <td th:text="${pagespyk.goodsId}"></td>
                                        <td th:text="${pagespyk.counts}"></td>
                                        <td th:text="${pagespyk.area}"></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <ul class="pagination">
                                <li><a href = "/purchase/multipage?curPage=1" th:href="'/sk/skspyk?page=0'" >首页</a></li>
                                <li th:if="${pagespyk.hasPrevious()}">
                                    <a href = "/purchase/multipageDown?curPage=${currentPage}" th:href="'/sk/skspyk?page=' + ${pagespyk.previousPageable().getPageNumber()} ">上一页</a>
                                </li>
                                <li><a>第<text th:text="${(pagespyk.number)+1}"></text>页/共<text th:text="${pagespyk.totalPages}"></text>页</a></li>
                                <li th:if="${pagespyk.hasNext()}">
                                    <a href = "/purchase/multipageUp?curPage=${currentPage}" th:href="'/sk/skspyk?page=' + ${pagespyk.nextPageable().getPageNumber()}">下一页</a>
                                </li>
                                <li><a href = "/purchase/multipage?curPage=${totalPage}" th:href="'/sk/skspyk?page=' + ${(pagespyk.getTotalPages())-1}">尾页</a></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--内容根部-->
    </div>
</div>
<script src="../static/layui/layui.js" th:src="@{/layui/layui.js}" type="text/javascript"></script>
<script src="../static/js/vue.min.js" th:src="@{/js/vue.min.js}" type="text/javascript"></script>
<script src="../static/js/jquery-3.6.3.min.js" th:src="@{/js/jquery-3.6.3.min.js}" type="text/javascript"></script>
<script th:inline="javascript">
    //Javascript代码区域
    //Javascript代码区域
    // window.onload=function() {
    //     let user = [[${user}]];
    //     if (user == null || user == 0) {
    //         window.location.href = "/";
    //     }
    // }

    layui.use((['element','layer','util'],function () {
        var element = layui.element
            ,layer = layui.layer
            ,util = layui.util
            ,$ = layui.$;

        //头部事件
        util.event('lay-header-event', {
            //左侧菜单事件
            menuLeft: function (othis) {
                layer.msg('展开左侧菜单的操作',{icon: 0});
            }
            ,mebuRight: function () {
                layer.open({
                    type: 1
                    ,content: '<div style="padding:15px;">处理右侧面板的操作</div>'
                    ,area: ['260px', '100%']
                    ,offset: 'rt' //右上角
                    ,anim: 5
                    ,shadeClose: true
                });
            }
        });
    }));
</script>
</body>
</html>
